@media screen and (max-width:1360px) {
    .infopage-box2 {
        margin-top: -180px;
    }
}
@media screen and (max-width:1240px) {
    .inner {
        width: 1000px;
    }
    .nav li {
        width: 9.5%;
        margin-right: 0px;
    }
    .nav li.litem1 {
        width: 5%;
    }
    .binbox {
        width: 1000px;
        margin-left: -500px;
    }
    .binbox .t2 {
        font-size: 40px;
    }
    .w795 {
        width: 695px;
    }
    .w390 {
        width: 290px;
    }
    .ibox-i1 {
        width: 426px;
    }
    .ibox-i1 .txt .c {
        font-size: 14px;
    }
    .ibox-i2 {
        width: 197px;
        height: 328px;
    }
    .ibox-nbox .ibox-i {
        height: 67px;
        overflow: hidden;
    }
    .ibox-i2 .ibox-nbox {
        height: auto;
        padding-bottom: 44px;
    }
    .iboxList li {
        width: 50%;
        height: 164px;
    }
    .iboxList li.item1, .iboxList li.item3 {
        margin-right: 0px;
    }
    .iboxList li.item1 img, .iboxList li.item4 img {
        width: auto;
        height: 100%;
    }
    .iboxList li .con {
        top: 24px;
    }
    .w600 {
        width: 500px;
    }
    .ibox-i6 .imgTr {
        height: 100%;
    }
    .linkIbox .t {
        font-size: 14px;
    }
    .linkIbox .c {
        font-size: 12px;
    }
    .pbanner .con {
        width: 1000px;
        margin-left: -500px;
    }
    .pbanner .con .en {
        font-size: 32px;
    }
    .pbanner .con .zh {
        font-size: 16px;
        margin: 5px 0 1%;
    }
    .page-about-con {
        width: 738px;
    }
    .infoPage-box {
        width: 838px;
    }
    .black-list-btn.fixed {
        margin-left: -511px;
    }
    .pagenavBox {
        width: 100%;
    }
    .bidding-M-slider {
        width: 14%;
    }
    .biddingManagementPage {
        width: 72%;
    }
    .special-box .special-list {
        width: 506px;
    }
    .special-box-con {
        width: 490px;
    }
    .infopage-box2 {
        margin-top: -140px;
    }
    .organizationalList ul {
        margin-left: -4%;
    }
    .organizationalList li {
        width: 21%;
        margin: 0px 0px 4% 4%;
    }
}
@media screen and (max-width:1024px) {
    .dly_1 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_2 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_3 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_4 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_5 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_6 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_7 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .dly_8 {
        transition-delay: 0ms;
        -webkit-transition-delay: 0ms;
    }
    .inner {
        width: 90%;
    }
    .binbox {
        width: 90%;
        margin-left: 0px;
        left: 5%;
    }
    .binbox .t2 {
        font-size: 32px;
    }
    .navBox, .toolBox {
        display: none;
    }
    .top {
        height: 54px;
        background-color: #f5f5f5;
        position: fixed;
        transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
        -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    }
    .tbox {
        padding: 0px;
        width: 100%;
        height: auto;
    }
    .logo {
        margin-left: 3%;
        width: 130px;
        padding: 7px 0px 0px;
        height: 47px;
    }
    .menu-handler, .serach-Mbtn {
        display: block;
    }
    .linkIbox dd {
        width: 20%;
    }
    .linkIbox .c {
        display: none;
    }
    .footDL .item1 .tel {
        margin-left: 0px;
    }
    .mtop {
        height: 34px;
    }
    .bannerBox {
        margin-top: 34px;
    }
    .banner {
        position: relative;
    }
    .ibox dd.ibox-item {
        float: none;
        width: 100%;
        margin: 0px 0px 25px;
    }
    .ibox-i1, .ibox-i2 {
        width: 60%;
        box-sizing: border-box;
        height: 328px;
    }
    .ibox-i2 {
        width: 40%;
    }
    .ibox-i1 {
        height: 328px;
        position: relative;
    }
    .ibox-i1 .imgTr {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .ibox-i1:hover img {
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .ibox-i1 .slick-prev, .ibox-i1 .slick-next {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        opacity: 1;
    }
    .ibox-one .slick-dots {
        width: 60%;
    }
    .ibox-one .slick-dots li {
        height: 8px;
    }
    .ibox-one .slick-dots li a {
        width: 8px;
        height: 8px;
    }
    .iboxList li.item1 img, .iboxList li.item4 img {
        display: none;
    }
    .iboxList li i {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    .ibox-i3 {
        height: auto;
    }
    .ibox-i3 .iboxT2 {
        padding: 15px 5%;
    }
    .ibox-list3 {
        width: 90%;
    }
    .ibox-list3 li a {
        background: none;
        padding: 0px;
    }
    .ibox-i5 {
        height: auto;
    }
    .ibox-list5 li a {
        height: auto;
    }
    .ibox2 {
        padding: 50px 0;
    }
    .ibox2 dd.ibox-item {
        float: none;
        width: 100%;
        margin: 0px 0px 25px;
    }
    .ibox-i6 {
        height: auto;
    }
    .ibox-type-con a:nth-child(4), .ibox-type-con a:nth-child(9) {
        margin-right: 0px;
    }
    .imgIBox .black {
        display: none;
    }
    .pbanner {
        height: 280px !important;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    .pbanner .bg {
        display: none;
    }
    .pbanner .con {
        left: 5%;
        width: 90%;
        margin-left: 0px;
    }
    .pbanner .pimg {
        display: none;
    }
    .page-about-box {
        padding: 30px 0px 50px;
    }
    .page-about-sider {
        float: none;
        width: 100%;
        margin-right: 0px;
        padding-bottom: 20px;
    }
    .sider-nav {
        margin-left: -2%;
    }
    .sider-nav li {
        float: left;
        display: block;
        width: 23%;
        margin-left: 2%;
        font-size: 14px;
    }
    .sider-nav li a {
        width: 100%;
        background: none #e8e8e8;
        border-radius: 5px;
    }
    .sider-nav li a.active {
        background: none #006f93;
    }
    .sider-nav li a:hover .slider-link, .sider-nav li a.active .slider-link {
        display: none;
    }
    .page-about-con {
        float: none;
        width: 100%;
    }
    .pageCur {
        text-align: left;
        margin-bottom: 35px;
    }
    .speech-lbox {
        float: none;
        width: 200px;
        margin: 0px auto 30px;
    }
    .speech-rbox {
        float: none;
        width: 100%;
    }
    .infoPage-box {
        margin: -120px auto 0px;
        width: 86%;
    }
    .black-list-btn {
        left: auto;
        margin-left: 0px;
        right: 0px;
        position: fixed;
        top: 30%;
    }
    .black-list-btn.fixed {
        left: auto;
        margin-left: 0px;
        right: 0px;
        top: 30%;
    }
    .pagenavBox {
        height: 42px;
        position: relative;
    }
    .pagenav.fixed {
        top: 54px;
    }
    .cpnav {
        display: block;
    }
    .cpnavbox {
        position: absolute;
        left: 0px;
        top: 42px;
        width: 100%;
        z-index: 800;
        display: none;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .cpnavbox a {
        width: 50%;
        display: block;
        border-left: 0px none;
        padding: 0px;
        color: #fff;
    }
    .cpnavbox a:hover, .cpnavbox a.active {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .padding-page {
        padding: 18px 0px 50px;
    }
    .idea-cimg {
        float: none;
        margin: 0px 0px 20px 0px;
    }
    .subDL-con {
        padding-top: 20px;
    }
    .benefitActivities-list li {
        width: 31.33%;
    }
    .benefitActivities-list li .txt {
        background-color: #006f93;
        color: #fff;
    }
    .benefitActivities-list li .ibox-more3 {
        width: 19px;
    }
    .directorList ul {
        margin-top: -30px;
    }
    .directorList li {
        padding: 35px 7% 35px 0;
        width: 43%;
    }
    .directorList li.twoItem {
        padding: 35px 0px 35px 7%;
    }
    .directorList .img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin: 0px 0px 15px;
        overflow: hidden;
        float: none;
    }
    .directorList .con {
        width: 100%;
        float: none;
    }
    .directorList .zw {
        margin-bottom: 18px;
    }
    .aboutT {
        margin-top: 0px;
    }
    .newList i {
        display: none;
    }
    .newList .con {
        width: auto;
        float: none;
    }
    html.openImg {
        overflow: hidden;
    }
    .performanceList .con {
        margin: 0px 150px 0px 115px;
        width: auto;
    }
    .performanceList li .inner, .performanceList li:hover .inner {
        background: url(../images/ibox_list_bot.gif) repeat-x scroll left bottom;
    }
    .performanceList li .con .t {
        color: #006F93;
    }
    .performanceList li .bgf0 {
        height: 100%;
        display: none;
    }
    .performanceList li:nth-child(2n) .bgf0 {
        display: none;
    }
    .performanceList li a.pdf-btn {
        background: url(../images/down_ico2.png) no-repeat scroll 18px center #006F93;
        color: #fff;
        right: 0px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    .cooperationProjectsList .con .time {
        padding: 12px 0px;
    }
    .groupProjectList li .txt {
        background-color: #006f93;
        color: #fff;
    }
    .groupProjectList li .ibox-more3 {
        width: 19px;
    }
    .infopage-box-t .pdf-btn {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
    .infopage-img .slick-arrow {
        border-radius: 50%;
        background: none rgba(0, 0, 0, 0.8);
        width: 40px;
        height: 40px;
    }
    .infopage-img .slick-arrow span {
        margin: 11px auto;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
    }
    .infopage-img .slick-prev:hover, .infopage-img .slick-next:hover {
        background: none #006F93;
    }
    .projectInvestmentList ul {
        margin-left: 0px;
    }
    .projectInvestmentList li {
        float: none;
        width: 100%;
        margin-left: 0px;
    }
    .project-item .pdf-btn {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    .bidding-M-slider {
        float: none;
        width: 100%;
    }
    .bidding-M-slider li {
        float: left;
        display: block;
        width: 33.33%;
        margin-bottom: 0px;
    }
    .bidding-M-slider a {
        padding: 15px 0px 0px;
        height: 90px;
    }
    .bidding-M-slider .ico {
        width: 35px;
        margin-bottom: 10px;
    }
    .bidding-M-slider .filler2 {
        background-color: #d4d4d4;
    }
    .bidding-M-slider .filler-item .filler2-right {
        right: 0px;
        width: 1px;
    }
    .bidding-M-slider .active .filler2-bottom {
        bottom: -1px;
        display: block;
        background-color: #fff;
    }
    .biddingManagementPage {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }
    .biddingAnnouncementList li {
        width: 31.33%;
    }
    .special-box .img {
        height: auto;
        float: none;
        margin-bottom: 25px;
    }
    .special-box .img img {
        width: 100%;
        display: block;
    }
    .special-box .special-list {
        float: none;
        width: 100%;
    }
    .special-box-con {
        width: 100%;
        float: none;
    }
    .organizationalList li {
        width: 29.33%;
    }
    .activeDynamicList .inner {
        height: 180px;
    }
    .activeDynamicList .img {
        width: 310px;
    }
    .activeDynamicList .con {
        margin-left: 350px;
    }
    .activeDynamicList .con .c {
        margin-bottom: 22px;
    }
    .daiyBox {
        padding: 60px 5%;
    }
    .hr-ts {
        margin-bottom: 40px;
    }
    .hrList .hspan {
        width: 17%;
    }
    .hrList .hmore-ico {
        right: 10px;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
    }
    .workList .inner .con {
        margin: 0px 90px;
    }
    .workList .y {
        right: 10px;
    }
    .antiCorruptionPage {
        width: 90%;
    }
    .antiCorruptionPage .t {
        font-size: 20px;
    }
    .lawKnowLedgeList .inner .con {
        margin: 0px 90px 0px 0px;
    }
    .lawKnowLedgeList .y {
        right: 10px;
    }
    .trainingList li {
        width: 31.33%;
    }
    .lawsList li .txt {
        color: #006F93;
        border-color: #006F93;
    }
    .lawsList li .ibox-more3 {
        width: 19px;
    }
    .antiCorruptionPage .t {
        font-size: 18px;
    }
    .contactPage .lbox, .contactPage .map {
        width: 100%;
        float: none;
    }
    .lbox .zh {
        font-size: 20px;
    }
    .pageCur .gjzbox {
        float: none;
        display: block;
        padding-top: 10px;
        font-size: 16px;
    }
    .serviceArea-list li {
        margin-bottom: 30px;
    }
    .serviceArea-list li .con {
        color: #fff;
    }
    .serviceArea-list li .con .blue-bg {
        width: 100%;
    }
    .serviceArea-list li {
        background-color: #fff;
    }
}
@media screen and (max-width:860px) {
    .ibox-i1, .ibox-i2 {
        width: 58%;
        height: 310px;
    }
    .ibox-i2 {
        width: 42%;
    }
    .ibox-one .slick-dots {
        width: 58%;
    }
    .ibox-i1 .imgTr {
        width: 120%;
    }
    .banner .moreBtn {
        width: 100px;
        height: 30px;
        line-height: 30px;
    }
    .banner .moreBtn i {
        left: 78px;
    }
    .pbanner {
        height: 250px !important;
    }
    .memberList li {
        width: 46%;
    }
    .infoPage-box {
        margin: 0px auto;
        width: 100%;
    }
    .subDL-img, .subDL-con {
        float: none;
        width: auto;
    }
    .benefitActivities-list ul {
        margin-left: -5%;
    }
    .benefitActivities-list li {
        width: 45%;
        margin: 0px 0px 5% 5%;
    }
    .ratingList ul {
        margin-left: -3%;
    }
    .ratingList li {
        width: 47%;
        margin: 0px 0px 3% 3%;
    }
    .performanceList .time {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 20px;
    }
    .performanceList .con {
        margin: 0px;
    }
    .performanceList a.pdf-btn {
        top: 34px;
        margin-top: 0px;
    }
    .performanceList .time {
        padding: 0px;
        height: auto;
        width: auto;
        background-color: transparent;
        color: #006F93;
        margin-bottom: 15px;
    }
    .performanceList .time .day {
        font-size: 24px;
    }
    .partnersList li {
        width: 30.33%;
    }
    .cooperationProjectsList ul {
        margin-left: -5%;
    }
    .cooperationProjectsList li {
        width: 45%;
        margin: 0px 0px 5% 5%;
    }
    .newListDemo .grid-sizer {
        width: 48%;
        margin-bottom: 25px;
    }
    .newListDemo .gutter-sizer {
        width: 4%;
    }
    .newListDemo .box-new-item {
        width: 48%;
        margin: 0 0 25px 0px;
    }
    .groupProjectList li {
        width: 46%;
        margin-bottom: 30px;
    }
    .organizationalList .con {
        font-size: 14px;
    }
    .activeDynamicList .inner {
        height: auto;
        min-height: 116px;
    }
    .activeDynamicList .img {
        width: 200px;
    }
    .activeDynamicList .con {
        margin-left: 240px;
    }
    .activeDynamicList .con .t {
        margin: 0px 0px 10px;
        overflow: hidden;
        font-size: 16px;
    }
    .activeDynamicList .con .c {
        display: none;
    }
    .activeDynamicList .con .morebtn {
        width: 90px;
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }
    .activeDynamicList dd {
        padding-top: 0px;
        margin-bottom: 34px;
    }
    .activeDynamicList dd .bgf0 {
        display: none;
    }
    .activeDynamicList dd:hover .inner {
        background: url(../images/ibox_list_bot.gif) repeat-x scroll left bottom;
    }
    .activeDynamicList dd:last-child {
        margin-bottom: 0px;
    }
    .map {
        height: 300px;
    }
    .serachBox2 {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 15px;
        width: 100%;
        box-sizing: border-box;
    }
    .serachBox2 {
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }
    .serachBox2 .serach-txt2 {
        margin: 7px 0px 0px;
    }
    .serachBox2 .serach-btn2 {
        height: 40px;
        border-radius: 20px;
    }
}
@media screen and (max-width: 750px) {
    .bannerBox {
        margin-top: 34px;
    }
}
@media screen and (max-width:641px) {
    .banner .slick-dots {
        bottom: 3%;
    }
    .banner .slick-dots li {
        width: 21px;
        margin-right: 5px;
    }
    .banner .slick-dots a {
        width: 20px;
    }
    .linkIbox dd {
        width: 25%;
    }
    .flink {
        float: none;
        display: block;
        margin-left: 0px;
    }
    .footBox {
        padding: 38px 0px 34px;
    }
    .footDL dd.item1 {
        width: 65%;
    }
    .footDL dd.item2 {
        width: 35%;
    }
    .footDL .sharpBox {
        padding-top: 15px;
    }
    .footDL .sharpBox .l {
        display: none;
    }
    .sharpBox a .i {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    .binbox {
        bottom: auto;
        top: 20%;
    }
    .binbox .t2 {
        font-size: 24px;
        margin-bottom: 18px;
    }
    .ibox {
        padding: 5% 0px 0px;
        background-color: #F5F5F5;
    }
    .ibox dd.ibox-item {
        margin: 0px 0px 20px;
    }
    .ibox-i1, .ibox-i2 {
        float: none;
        width: 100%;
        display: block;
        height: auto;
    }
    .ibox-i1 .imgTr {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    .ibox-i1:hover img {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    .ibox-i2 {
        padding: 0px 5% 30px;
    }
    .ibox-i2 .ibox-nbox {
        padding: 10px 0px 40px;
    }
    .ibox-i2 .ibox-time {
        margin-bottom: 0;
    }
    .ibox-nbox .ibox-i {
        display: none;
    }
    .ibox-one .slick-dots {
        width: 100%;
    }
    .iboxList li.item1 img, .iboxList li.item4 img {
        display: block;
        width: 100%;
    }
    .ibox2 {
        padding: 0px;
        background-color: #F5F5F5;
    }
    .ibox-i7, .ibox-i8 {
        float: none;
        width: 100%;
        display: block;
        height: auto;
        margin-bottom: 0px;
    }
    .ibox-i7 {
        margin-bottom: 20px;
    }
    .ibox-i7 .iboxT2 {
        padding: 15px 5%;
    }
    .ibox-i7-con {
        padding: 15px 5%;
    }
    .iboxT3 {
        padding: 25px 0px;
    }
    .ibox-i3 .iboxT2 .name {
        font-weight: bold;
        margin-right: 12px;
    }
    .pbanner {
        height: 240px !important;
    }
    .history-list .item {
        width: 100%;
        float: none;
        margin: 0px 0px 40px;
    }
    .history-list .twoItem {
        float: none;
        margin: 0px 0px 40px;
    }
    .h-year {
        padding: 0px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        line-height: 80px;
        background-color: #006f93;
        margin: 0px auto;
    }
    .h-year .h-d {
        display: none;
    }
    .h-year .year {
        padding-right: 0px;
    }
    .twoItem .h-year {
        padding: 0px;
        text-align: center;
    }
    .h-month {
        margin: 22px 0px 6px;
    }
    .twoItem .h-month {
        margin: 22px 0px 6px;
    }
    .companyExecutivesList li {
        padding: 30px 0px;
    }
    .companyExecutivesList .img {
        left: auto;
        right: 0px;
        width: 110px;
        height: 110px;
        border-radius: 50%;
    }
    .infopage-box-t .zh {
        font-size: 22px;
    }
    .newList {
        font-size: 14px;
    }
    .infoPage-pager .bor {
        display: none;
    }
    .infoPage-pager .prev, .infoPage-pager .next {
        float: none;
        padding: 20px 6%;
        width: 88%;
        margin: 0px auto;
    }
    .infoPage-pager .prev {
        border-bottom: 1px solid #ccc;
    }
    .project-item {
        height: 125px;
    }
    .project-item .img {
        width: 130px;
    }
    .project-item .con {
        margin-left: 130px;
        height: 79px;
    }
    .project-item .con .time {
        margin-bottom: 8px;
    }
    .project-item .con .t {
        margin-bottom: 0px;
        font-size: 14px;
        height: 42px;
    }
    .project-item .con .c {
        display: none;
    }
    .biddingAnnouncementList li {
        width: 48%;
    }
    .special-box .img {
        width: 100%;
    }
    .special-list li {
        font-size: 14px;
    }
    .special-list li a {
        padding: 0px;
    }
    .special-list .time {
        font-size: 14px;
        width: 80px;
    }
    .special-list i {
        display: none;
    }
    .special-box-con .t {
        line-height: 1.4;
    }
    .special-box-con .time {
        margin-bottom: 15px;
    }
    .organizationalList li {
        width: 46%;
    }
    .activeDynamicList .con {
        margin-left: 225px;
    }
    .dailyNav {
        margin-bottom: 0px;
    }
    .dailyNav li {
        width: 33.33%;
        float: left;
        margin: 0px;
    }
    .dailyNav a {
        display: block;
        border-radius: 0px;
        padding: 10px 5%;
        font-size: 12px;
    }
    .hrList .hspan {
        width: 28%;
    }
    .hrList .hspan:nth-child(1) {
        width: 40%;
    }
    .hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4) {
        display: none;
    }
    .workList .time {
        position: relative;
        left: auto;
        top: auto;
        padding-bottom: 10px;
    }
    .workList .inner .con {
        margin: 0px 0px 0px 0px;
    }
    .workList .y {
        top: 22px;
    }
    .lawKnowLedgeList .inner .con {
        margin: 0px 0px 0px 0px;
    }
    .lawKnowLedgeList .y {
        top: 22px;
    }
    .trainingList li {
        width: 48%;
    }
    .lbox .zh {
        font-size: 18px;
    }
    .map {
        height: 240px;
    }
    .serviceArea-list ul {
        margin-left: 0px;
    }
    .serviceArea-list li {
        width: 100%;
        float: none;
        margin: 0px 0px 20px 0px;
    }
    .serviceArea-list li .con .txt {
        line-height: 1.4;
        font-size: 14px;
        padding: 15px 0px;
        height: auto;
    }
    .pading a, .pading span {
        font-size: 14px;
        padding: 6px 12px;
        margin: 0 0px !important;
    }
}
@media screen and (max-width:481px) {
    .binbox .t2 {
        font-size: 20px;
    }
    .ibox-type-con a {
        margin-right: 20px;
    }
    .sider-nav li {
        width: 31.33%;
        font-size: 12px;
    }
    .cooperationProjectsList ul {
        margin-left: 0%;
    }
    .cooperationProjectsList li {
        width: 100%;
        margin: 0px 0px 25px 0px;
    }
    .cooperationProjectsList .con .t {
        height: auto;
    }
    .newListDemo .grid-sizer {
        width: 100%;
    }
    .newListDemo .gutter-sizer {
        width: 0;
    }
    .newListDemo .box-new-item {
        width: 100%;
    }
    .box-new-item .con .t {
        height: auto;
    }
    .bidding-M-slider .name {
        font-size: 13px;
        width: 90%;
        font-weight: normal;
    }
    .bidding-M-slider a {
        height: 80px;
    }
    .bidding-M-slider .ico {
        width: 25px;
    }
    .activeDynamicList .img {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-bottom: 15px;
    }
    .activeDynamicList .con {
        margin-left: 0px;
    }
    .hrList .hspan:nth-child(4) {
        display: none;
    }
}
@media screen and (max-width:421px) {
    .ibox-i3 .iboxT2 .name {
        font-size: 15px;
    }
    .ibox-type-con a {
        margin-right: 15px;
    }
    .pbanner {
        height: 220px !important;
    }
    .pageCur a, .pageCur span {
        margin-left: 8px;
        padding-left: 15px;
    }
    .memberList ul {
        margin-left: 0px;
    }
    .memberList li {
        width: 100%;
        margin: 0px 0px 25px;
    }
    .benefitActivities-list ul {
        margin-left: 0%;
    }
    .benefitActivities-list li {
        margin: 0px 0px 20px 0px;
        width: 100%;
    }
    .directorList ul {
        margin-top: 0px;
    }
    .directorList li {
        float: none;
        padding: 0px 0px 35px;
        margin-bottom: 20px;
        width: 100%;
        background: url(../images/ibox_list_bot.gif) repeat-x scroll left bottom;
        position: relative;
    }
    .directorList li.twoItem {
        padding: 0px 0px 35px;
    }
    .director-line, .directorList li.threeItem {
        display: none;
    }
    .directorList .img {
        width: 100px;
        height: 100px;
        float: right;
    }
    .ratingList ul {
        margin-left: 0px;
    }
    .ratingList li {
        width: 100%;
        margin: 0px 0px 25px 0px;
        float: none;
    }
    .ratingList li:last-child {
        margin-bottom: 0px;
    }
    .partnersList li {
        width: 47%;
    }
    .groupProjectList ul {
        margin-left: 0px;
    }
    .groupProjectList li {
        width: 100%;
        margin-left: 0px;
    }
    .project-item .con .time {
        margin-bottom: 5px;
    }
    .biddingAnnouncementList ul {
        margin-left: 0px;
    }
    .biddingAnnouncementList li {
        width: 100%;
        margin: 0px 0px 25px 0px;
    }
    .box-new-item .bacon .bat {
        height: auto;
    }
    .organizationalList ul {
        margin-left: 0px;
    }
    .organizationalList li {
        width: 100%;
        margin: 0px 0px 25px 0px;
    }
    .hrList .hspan:nth-child(5) {
        display: none;
    }
    .trainingList ul {
        margin-left: 0px;
    }
    .trainingList li {
        width: 100%;
        margin: 0px 0px 25px 0px;
    }
    .lawsList ul {
        margin-left: 0px;
    }
    .lawsList li {
        width: 100%;
        margin: 0px 0px 25px 0px;
        width: 100%;
    }
}
@media screen and (max-width: 375px) {
    .ibox-i3 .iboxT2 .name {
        font-size: 14px;
    }
    .iboxT3 {
        padding: 20px 0px 15px;
    }
    .ibox-i6 .ibox-type-con {
        font-size: 13px;
    }
}
@media screen and (max-width: 360px) {
    .footDL .item1 .tel {
        font-size: 21px;
    }
    .ibox-i6 .ibox-type-con {
        font-size: 12px;
    }
    .ibox-type-con a {
        margin-right: 12px;
        float: left;
    }
    .ibox-type-con span {
        display: none;
    }
    .pbanner {
        height: 200px !important;
    }
    .pbanner .con .en {
        font-size: 26px;
    }
    .pbanner .con .zh {
        font-size: 15px;
    }
    .project-item {
        height: auto;
    }
    .project-item .img {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        display: none;
    }
    .project-item .con {
        margin-left: 0px;
        height: auto;
    }
    .project-item .con .t {
        height: auto;
    }
    .project-item .filler2-left {
        height: 100%;
    }
    .project-item .filler2-right {
        height: 100%;
    }
    .project-item .filler2-top {
        width: 100%;
    }
    .project-item .filler2-bottom {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .logo {
        display: block;
        width: auto;
    }
    .logo img {
        display: block;
        height: 100%;
    }
}